📝 Description

This PR entirely revamps the PldtMetrics component to provide verifiably mapped, granular "quality insights" to the user. It upgrades the visualization engine to recharts, enabling interactive per-residue tooltips, and introduces a critical UI validation banner to guarantee data integrity between the PDB structure output and the source sequence.

🛠️ Changes Made

• Migrated to Recharts: Replaced Chart.js with recharts to render a high-fidelity data area chart without aggressively down-sampling the per-residue metrics.
• Interactive Tooltips: Implemented a CustomTooltip that dynamically renders the specific metadata for each point on the chart, including:
  • The residue index (e.g., "Residue 42").
  • The exact amino acid letter mappings (e.g., "Amino Acid: M").
  • The localized pLDDT score.
  • A color-coded confidence translation (Very High, Confident, Low, Very Low).
• Visual Data Validation: Added an explicit array-size validation banner at the top of the metrics card. It dynamically verifies that plddtData.per_residue.length === sequence.length, rendering a success or warning UI lock to assure the user of data mapping integrity.
• Mean Visibility: Maintained and explicitly styled the overall model average pLDDT confidence indicator snippet for quick glanceability.

✅ Acceptance Criteria Completed

• Render the overall Model Confidence (plDDT mean).
• Implement a per-residue confidence chart using recharts.
• Build interactable tooltips tracing back to individual residues.
• Add a visual validation checking that the size of the array matches the length of the PDB structure successfully.

closes #25